import axios from "axios";
import React, { useState, useReducer, useContext, useRef } from "react";



function App() {

    // 第一种用法：创建一个 ref 替代原来类组件中的 React.createRef()
    const inpuRef = useRef(null)

    // 第二种用法：用来创建一个变量，可以记录定时器，延迟器等变量
    const time = useRef(null)
    time.current = setInterval(() => { }, 100);

    return <div>
        <h1>App</h1>

        <input ref={inpuRef} type="text" placeholder="请输入你的梦想" />

        <button onClick={() => {
            // 函数组件中没有 this 
            // console.log(this);

            console.log(inpuRef.current.value);

            clearInterval(time.current)

        }}>点击获取输入的内容</button>
    </div>
}


export default App